<template>
  <!--资讯列表-->
  <div class="news_list_wrap">
    <ul class="news_list">
      <li class="li_item news_item flex">
        <div class="li_item_content">
          <p class="news_title">这是一条新闻的标题这是一条新闻的标题这是一条新闻的标题</p>
          <div class="news_extend_info">
            <p class="news_source">财联社</p>
            <p class="news_time">15:30</p>
          </div>
        </div>
      </li>
      <li class="li_item news_item flex">
        <div class="li_item_content">
          <p class="news_title">这是一条新闻的标题这是一条新闻的标题这是一条新闻的标题</p>
          <div class="news_extend_info">
            <p class="news_source">财联社</p>
            <p class="news_time">15:30</p>
          </div>
        </div>
      </li>
      <li class="li_item news_item flex">
        <div class="li_item_content">
          <p class="news_title">这是一条新闻的标题这是一条新闻的标题这是一条新闻的标题</p>
          <div class="news_extend_info">
            <p class="news_source">财联社</p>
            <p class="news_time">15:30</p>
          </div>
        </div>
      </li>
    </ul>
    <div class="list_more">
      <p>查看更多</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'NewsList',
  props: ['newsList'],
  components: {},
};
</script>

<style lang="less" scoped>
/*资讯列表*/
.news_list_wrap {
  .news_list {
    .news_item {
      .li_item_content {
        padding: 0 10px;
        .news_title {
          padding-top: 13px;
          font-size: 15px;
          color: #333;
        }
        .news_extend_info {
          padding: 7px 0 13px 0;
          align-items: center;
          .news_source,
          .news_time {
            display: inline-block;
            color: #999;
            font-size: 12px;
          }
          .news_time {
            float: right;
          }
        }
      }
    }
  }
}
</style>